<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div class="tabBox" id="tabBox">
    <ul class="tab" id="tab">
      <li>第1个页卡</li>
      <li>第2个页卡</li>
      <li>第3个页卡</li>
    </ul>
    <div>
      第1个展示的内容
      <ul class="news">
        <li>热门心门1</li>
        <li>热门心门2</li>
        <li>热门心门3</li>
        <li>热门心门4</li>
        <li>热门心门5</li>
      </ul>
    </div>
    <div>第2个展示的内容</div>
    <div>第3个展示的内容</div>
  </div>

  <script>
    // let tabBox = document.getElementById('tabBox');
    let tabBox = document.getElementsByClassName('tabBox');
    let navList = document.querySelector('.tab li:nth-child(2)')
    console.log(navList);
  </script>
</body>
</html>